@charset "utf-8";
@import 'reset.scss';


.web{
	display: flex;
	flex-direction:column;
	justify-content: center;
	.main{
		margin: 0 auto;
		width: vw(590);
		height: vw(840);
		background: rgba(255,255,255,0.3);
		box-shadow: vw(1) vw(10) vw(20) vw(-1) #434242;
		border-radius: vw(10);
		.date{
			position: relative;
			margin: vw(70) 0 0 vw(50);
			select{
				width: vw(135);
				height: vw(35);
				color: $color;
				font-weight: bold;
				border: none;
				outline: none;
				font-size: vw(24);
				appearance: none;
				background-color: transparent;
			}
			&::after{
				content: "";
				display: block;
				width: 0;
				height: 0;
				border-left: vw(8) solid transparent;
				border-right:vw(8) solid transparent; 
				border-top: vw(12) solid $color;
				position: absolute;
				left:vw(130);
				top:50%;
				transform: translateY(-50%);
				z-index: 1;
				pointer-events: none;
			}
		}
		.session{
			width: vw(360);
			margin: 0 auto;
			.tittle{
				margin-top:vw(70) ;
				color: $color;
				font-size: vw(24);
				font-weight: bold;
				display: flex;
				justify-content: space-between;
				span:first-child{
					flex-basis: vw(125);
					text-align: center;
				}
				span:last-child{
					flex-basis: vw(80);
					text-align: center;
				}
			}
			ul{
				height: vw(540);
				line-height: vw(140);
				overflow-y: auto;
				li{
					display: flex;
					justify-content: space-between;
					font-size: vw(24);
					color: #434242;
					font-weight: bold;
				}
			}
			.warn{
				font-size: vw(22);
				color: #434242;
				font-weight: bold;
			}
		}
	}
}